<%--
 * Título: gestHora. Aplicación web de gestión de horarios para conservatorios.
 * Alumnos:
 * - Javier Pardo Muñoz. I.T. Informática de Gestión
 * - Antonio Prior Cazorla. I.T. Informática de Gestión
 * Director: Dr. José Raúl Romero Salguero.
 *     
 *  Copyright (C) 2013 Javier Pardo Muñoz / Antonio Prior Cazorla
 *
 *  This program is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  (at your option) any later version.

 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
--%>


<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<jsp:useBean id="MsgBean" class="es.uco.gesthora.interfaz.MsgBean" scope="session"/>
<jsp:useBean id="UsuarioBean" class="es.uco.gesthora.interfaz.UsuarioBean" scope="session"/>


<html>

    <head>
        <link rel="stylesheet" type="text/css" href="/gestHora/css/general.css">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="icon" type="image/png" href="/gestHora/img/favicon.png" />

        <script type="text/javascript" src="/gestHora/js/jQuery.js"></script>   
        <script type="text/javascript" src="/gestHora/js/ajax/grupos.js"></script> 
        <script type="text/javascript" src="/gestHora/js/ajax/asignaturas.js"></script> 
        <script type="text/javascript" src="/gestHora/js/ajax/profesores.js"></script> 
        <script type="text/javascript" src="/gestHora/js/menu.js"></script> 
        <script type="text/javascript" src="/gestHora/js/paginate.js"></script>
        <script type="text/javascript" src="/gestHora/js/tablesort.js"></script>
        <script type="text/javascript" src="/gestHora/js/tablefilter.js"></script>
        <script type="text/javascript" src="/gestHora/js/jQuery.cleditor.js"></script>

        <script type="text/javascript">

            $(document).ready(function() {
                listarGrupos();

                $('#mostrarNueva').click(function() {
                    $('#formNuevoGrupo').fadeIn();
                    $('#formEditarGrupo').fadeOut();

                });


                $('#editarSelectAsignatura').change(function() {
                    rellenarSelectGrupoEditar($('#editarSelectAsignatura').val(), $('#editarId').val());
                });

                $('#ocultarNuevo').click(function() {
                    $('#formNuevoGrupo').fadeOut();
                });

                $('#ocultarEditar').click(function() {
                    $('#formEditarGrupo').fadeOut();

                });


                rellenarSelectProfesor();
                rellenarSelectAsignatura();
                rellenarSelectAula();

            });

            function confirmar(idAsignatura) {
                if (confirm("¿Está seguro de eliminar el grupo con número id " + idAsignatura + "?"))
                    window.location.href = "/gestHora/jsp/controllers/gestionGrupoController.jsp?tipo=borrarGrupo&id=" + idAsignatura;

            }

        </script>

        <title>gestHora: Gestión de secretarios</title>
    </head>



    <%
        String URL = "";

        /* Si el usuario está logueado permite entrar a la vista */
        if (UsuarioBean.getRol().equals("secretario") || UsuarioBean.getRol().equals("administrador")) {
    %>

    <body>

        <div class="contenedor">

            <jsp:include page="/jsp/views/header.jsp"/>

            <div class="contenido">
                <div class="contenido-dentro">                    
                    <div class="contenido-principal" role="main">

                        <jsp:include page="/jsp/views/menu.jsp"/>

                        <div id= "breadcumbs"  >

                            <a href="/gestHora/jsp/views/gestionUsuarioViewIndice.jsp">Inicio</a>
                            &#8594;
                            Gestión de grupos


                        </div>

                        <section class="contenido-articulo">

                            <h2>Gestión de Grupos</h2>
                            <br/>
                            <% if (MsgBean.getMsg().equals("")) {%>
                            <p>Desde esta pantalla podrá gestionar las grupos del sistema.</p>

                            <a href="#" id="mostrarNueva"><img src="/gestHora/img/add.png" class="addImg"/>Crear grupos</a><br/><br/>

                            <form class="formVistas oculto" id="formNuevoGrupo" method="post" action="/gestHora/jsp/controllers/gestionGrupoController.jsp?tipo=insertarGrupos">
                                <h3>Creación de nuevo grupo</h3>
                                <fieldset>                                

                                    <div id="select">
                                        <label for="selectAsignatura">Asignatura: </label><select id='selectAsignatura' name='selectAsignatura'></select>
                                        <label for="selectNumeroGrupo">Número de Grupos: </label><select id='selectNumeroGrupo' name='selectNumeroGrupo'><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option></select><br/>
                                    </div>     
                                    <button name="anadir" value="consultar" type="submit">Añadir</button>
                                    <button id="ocultarNuevo" type="reset">Cancelar</button><br/>

                                </fieldset>

                            </form> 


                            <form class="formVistas oculto" id="formEditarGrupo" method="post" action="/gestHora/jsp/controllers/gestionGrupoController.jsp?tipo=modificarGrupo">
                                <h3>Edición de grupo</h3>
                                <fieldset>                                
                                    <input type="hidden" id="editarId" name="editarId"  tabindex="4" />
                                    <input type="hidden" id='editarNumeroGrupo' name='editarNumeroGrupo' tabindex="4" /><br/>
                                    <label for="editarSelectAsignatura">Asignatura: </label>
                                    <select id='editarSelectAsignatura' name='editarSelectAsignatura'></select><br/>
                                    <label for="editarSelectProfesor">Profesor: </label>
                                    
                                    <!-- añadir grupo disabled -->
                                    
                                    <!-- en la tabla poner aula y plazas ocupadas -->
                                    
                                    
                                    <select id='editarSelectProfesor' name='editarSelectProfesor'></select><br/>
                                    <label for="editarPlazas">Número plazas: </label>
                                    <input id="editarPlazas" name="editarPlazas"  tabindex="4" required /><br/>
                                    <label for="editarSelectAula">Aula: </label>
                                    <select id='editarSelectAula' name='editarSelectAula'></select><br/>
                                </fieldset>
                                <button name="enviar" value="consultar" type="submit">Guardar</button>
                                <button id="ocultarEditar" type="reset" >Cancelar</button><br/>

                            </form>  
                            <div id="tabla"></div>

                            <% } else {%>
                            <a class="volver" href="/gestHora/jsp/views/gestionGrupoView.jsp"> &#8592; Volver atrás</a><br/>

                            <p><%=MsgBean.getMsg()%></p>                            


                            <% MsgBean.setMsg("");%>

                            <% }%>

                        </section>

                    </div>
                </div>

                <jsp:include page="/jsp/views/footer.jsp"/>

            </div>
        </div>

    </body>
</html>


<%} /* En caso de que el usuario no esté logueado muestra un mensaje de error */ else {
        MsgBean.setMsg("No tiene permisos para visualizar esta página. Inicie sesión con un usuario con privilegios.");
        URL = "/error.jsp";

        response.sendRedirect("/gestHora" + URL);

    }%>